<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Binding Cell Phone</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1516407_fx9en0nm4fw.css">
    <link rel="stylesheet" href="../../css/shouye.css">
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <style>
        main{
            width:100%;
           
            /* border:1px solid #e7e7e7; */
            margin-top:10px;
        }
        .m-right{
            width:100%;
            height:100%;
            /* border-left: 1px solid #e7e7e7; */
            position: relative;
            /* margin-top:-20px; */
        }
        .m-right h3{
            font:16px/67px "微软雅黑";
            font-weight: 100;
            text-indent: 1em;
            border-bottom: 1px solid #e7e7e7;
        }
        .m-right ul li{
            float: left;
            font:16px/28px "微软雅黑";
            width:11.5%;
            border-right: 1px solid #e7e7e7;
            text-align: center;
            margin-top:20px;
            color:#999;
        }
        .m-right ul li:nth-child(1) i{
            background-color: #f08200;
            color:#fff;
            width:60%;
            display: inline-block;
            font-style: normal;
        }
        .m-right ul li:last-child{
            margin-left:5%;
            color:#6ba063;
            text-decoration: underline;
            border:0px;
        }
        .m-right ul li:nth-child(7){
            border:0px;
        }
        .Center{
            margin-left:40.5%;
            margin-top:200px;
        }
        .Center span{
            margin-left:3%;
            margin-bottom:10px;
            float: left;
            margin-top:60px;
        }
        .Center img{  
            margin-top:50px;
            float: left;
        }
        .Center form{
            float: left;
        }
        .Center input{
            width:100%;
            background-color: #f08200;
            color:#fff;
            border:0px;
            margin-top:100px;
            margin-left:-130%;
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <main id="wrap">
        <div class="m-right">
            <h3>添加新地址</h3>
            <ul>
                <li>
                    <i>全部</i>
                </li>
                <li>待付款</li>
                <li>待发货</li>
                <li>待收货</li>
                <li>待评价</li>
                <li>退款/售后</li>
                <li>已完成/关闭</li>
                <li>订单回收站</li>
            </ul>
            <div class="Center">
                <img src="../../img/img-JL/Book.png" alt="">
                <span>您还没有订单哦！</span>
                <form>
                    <input type="button" value="去首页看看">
                </form>
            </div>
        </div>
    </main>
</body>
</html>